@charset "UTF-8";
@media screen and (min-width: 320px) {
    html {
        font-size: 42.66667px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 380px) {
    html {
        font-size: 50.66667px;
    }
}

@media screen and (min-width: 384px) {
    html {
        font-size: 51.2px;
    }
}

@media screen and (min-width: 412px) {
    html {
        font-size: 54.93333px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul,
li {
    list-style: none;
    box-sizing: border-box;
}
html{    
    height:100%;
    overflow-y: auto;
}
body {
    overflow: hidden;
    font-size: 16px;
    font-family: "苹方,微软雅黑, 宋体", sans-serif;
    color: #323232;
    background: #eeeeee;
}
a {
    text-decoration: none;
}
/*平均分布*/ 

.ub {
    display: -webkit-box !important;
    display: box !important;
    position: relative;
}

.ub-f1 {
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.ub-f2 {
    position: relative;
    -webkit-box-flex: 2;
    box-flex: 2;
}

.ub-f3 {
    position: relative;
    -webkit-box-flex: 3;
    box-flex: 3;
}

.ub-f4 {
    position: relative;
    -webkit-box-flex: 4;
    box-flex: 4;
}


/*字居中*/

.ub-ac {
    -webkit-box-align: center;
    box-align: center;
}

.ub-ae {
    -webkit-box-align: end;
    box-align: end;
}

.ub-pc {
    -webkit-box-pack: center;
    box-pack: center;
}

.ub-pe {
    -webkit-box-pack: end;
    box-pack: end;
}

.ub-pj {
    -webkit-box-pack: justify;
    box-pack: justify;
}

.ub-ver {
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

/*public*/

input,
button,
select,
textarea {
    font-family: "苹方,微软雅黑, 宋体"
}

/*公共样式*/
/*头部*/
.ht-bar{
    background: #48aaee;
    height:40px;
    color:#fff;
    font-size:15px;
    margin:0;
    line-height: 40px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    text-align:center;
    z-index:1000;
}
/*内容开始*/
.ht-content{
    width:100%;
    overflow:hidden;
    background:#fff; 
}
/*宽度*/
.ht-100{
    width:100%;
}
.ht-90{
    width:90%;
}
.ht-85{
    width:85%;
}
.ht-80{
    width:80%;
}
.ht-75{
    width:75%;
}
.ht-70{
    width:70%;
}
.ht-66{
    width:66.666666%;
}
.ht-60{
    width:60%;
}
.ht-50{
    width:50%;
}
.ht-45{
    width:45%;
}
.ht-40{
    width:40%;
}
.ht-33{
    width:33.333333%;
}
.ht-30{
    width:30%;
}
.ht-35{
    width:35%;
}
.ht-25{
    width:25%;
}
.ht-22{
    width:22%;
}
.ht-20{
    width:20%;
}
.ht-15{
    width:15%;
}
.ht-10{
    width:10%;
}
/*内边距*/
.ht-padding{
    padding:10px 15px;
}
.ht-padding-lr{
    padding:0 15px;
}
.ht-padding-10{
    padding:0 10px;
}
.ht-padding-13{
    padding:0 13px;
}
.ht-padding-tb{
    padding:10px 0;
}
.ht-overflow{
    overflow:hidden;
}
/*背景色*/
.ht-background{
    background:#fff;
}
.ht-48aaee{
    background:#48aaee;
}
/**/
.ht-border-bottom{
    border-bottom:1px solid #ebebeb;
}
/*浮动*/
.ht-float-left{
    float:left;
}
.ht-float-right{
    float:right;
}
/*字体*/
.ht-bold{
    font-weight: bold;
}
.ht-font-30{
    font-size:30px;
}
.ht-font-28{
    font-size:28px;
}
.ht-font-26{
    font-size:26px;
}
.ht-font-24{
    font-size:24px;
}
.ht-font-20{
    font-size:20px;
}
.ht-font-18{
    font-size:18px;
}
.ht-font-16{
    font-size:16px;
}
.ht-font-15{
    font-size:15px;
}
.ht-font-14{
    font-size:14px;
}
.ht-font-13{
    font-size:13px;
}
.ht-font-12{
    font-size:12px;
}
/*字体颜色*/
.ht-fff{
    color:#fff;
}
.ht-333{
    color:#333;
}
.ht-999{
    color:#999;
}
.ht-888{
    color:#888;
}
.ht-666{
    color:#666;
}
.ht-fb2321{
    color:#fb2321;
}
/*块元素*/
.ht-inline-block{
    display: inline-block;
}
.ht-block{
    display: block;
}
/*字体居中*/
.ht-text-center{
    text-align:center;
}
.ht-text-left{
    text-align:left;
}
.ht-text-right{
    text-align:right;
}
/*超出部分隐藏*/
.ht-yc{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*定位*/
.ht-absolute{
    position:absolute;
}
.ht-relative{
    position:relative;
}
.ht-fixed{
    position:fixed;
}
.ht-margin-bottom{
    margin-bottom:10px;
}